<div id="box-wrapper" style="width: 1051px;">
    <div id="top-left"></div>
    <div id="top-right"></div>
    <div id="top-center"></div>
    <div id="main-left"></div>        
    <div id="main-right"></div>        
    <div id="bottom-left"></div>        
    <div id="bottom-right"></div>        
    <div id="bottom-center"></div>
    <div id="box-content">                    
        <div class="header">
            <div class="logo">
                <div class="inner">
                    <h1>Available Modules</h1><br /><span>Select the modules to install (may be add later)</span>
                </div>
            </div>
            <h2>Add more to your site</h2>                            
        </div>
        <p>Ximent, occatem volo ipiendis reius resecti aspedi aute earum facepudis im dolum acipsapis velibus.Itatur? Rorument aut quate eaquam nus rero ommodi tem faccus minti odicat.Tem. Ut rectibus sum ad mos am hil magnatur atecuscid utatum qui sequia voluptas asped etum, consed ut repro et explicia consequisi officiures solescia sequae omnit enis ipitae nimi, nulligenia </p>
        
        <form id="form-select-template" method="post" action="">
            <?php echo $siteInfo->showAttributesHiddenFields(); ?>
            <?php if (count($templates) > 0) : ?>
                <h3>Available Templates Design:</h3>
                <ul class="template-list">
                <?php foreach($templates as $template) : ?>
                    <li>
                        
                        <img class="thumbnail" src="<?php echo $template['screenshot']; ?>" />
                        <div class="info">
                            <span title="<?php echo $template['name']; ?>"><?php echo $template['name']; ?></span>
                            <a id="select-tpl-<?php echo $template['name']; ?>" title="Select template '<?php echo $template['name']; ?>'" class="select-link" href="#"></a>
                        </div>
                    </li>
                <?php endforeach; ?>
                </ul>
                <script type="text/javascript">
                $('ul.template-list li a.select-link').click(function(){
                    var template_name = $(this).attr('id').replace('select-tpl-','');
                    $('#SiteInfo_template').val(template_name);
                    $('#form-select-template').attr('action','<?php echo $this->createUrl('/FrontDesk/site/addContent'); ?>').submit();
                    return false;    
                }); 
                </script>
            <?php endif; ?>
            <div class="buttons">
                <a href="#" class="question-button"></a>            
                <a class="button" id="lnk-back-to-previous">
                    <span href="#">Back</span>
                </a>                        
            </div>
            <script type="text/javascript">
            $('#lnk-back-to-previous').click(function(){
                $('#form-select-template').attr('action','<?php echo $this->createUrl('/FrontDesk/site/add'); ?>').submit();
                return false;    
            }); 
            </script>
        </form>
    </div>

</div>